<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title> 表格菜谱</title>
 </head>
 <body>
 <table border="1px" width="400px" style="text-align:center;line-height:50px;margin:0 auto;border:0.5px solid #f00;" cellspacing="0px">
 <!--colspan 将行合并 rowspan 将列合并-->
 <tbody>
 <tr><td colspan="3">菜谱</td></tr>
 <tr><td rowspan="2">素材</td><td>清炒茄子</td><td>鱼香菜</td></tr>
 <tr><td>回锅肉</td><td>好吃的苹果</td></tr>
 <tr><td rowspan="2">荤菜</td><td>清炒茄子</td><td>鱼香菜</td></tr>
 <tr><td>回锅肉<img src="meat.png"/></td><td>好吃的苹果</td></tr>
 </tbody>
 </table>
 </body>
 </html>